html, body {
	height: 100%
	
}
#contenedorTotal{
	
	margin-left:auto;
	margin-right:auto;
	width:auto;
	border-radius:0.5em;
	border-color:black;
	height: 100%
}

 #logo{
	
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	margin: auto;
	padding: auto;
	width: 100%;
	height: 20%
}
   #frase{
	
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	margin: auto;
	padding: auto;
	width: 100%;
	height: 20%
}   

   #cabecera{
	
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	margin: auto;
	padding: auto;
	width: 100%;
	height: 20%
}   


#piePagina{
	background-color: #FFFFB9;
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	margin: auto;
	padding: auto;
	width: 100%;
	height: 20%
	

	
}  

/* #registro{
	background-color: #FFFFB9;
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	margin: auto;
	text-align:center;
	padding-top:5%;
	width: 90%;
	height: 50%;
	

	
} */

#autentificacion{
	background-color: #FFFFB9;
	border-radius:0.5em;
	-webkit-border-radius:0.5em;
	margin: auto;
	padding-left: 10%;
	padding-top:10%;
	width: 90%;
	height: 35%;
	
}

table {
	background-color:white;
}

#seccionIndex{
	  padding-top: 50px;
  	  padding-bottom: 20px;
	
}

.ui-selecting, .ui-selected { background: #5bc0de !important}
.ui-seleccionado { background: lightBlue }

.table tbody tr:hover td,
.table tbody tr:hover th {
  background-color: transparent;
}
.table-striped tbody tr:nth-child(odd):hover th

.table-striped tbody tr:nth-child(odd):hover td {
   background-color: #F9F9F9;
}
.table-striped tbody tr.ui-selected td { background-color: #5bc0de; }



#contenido{
	text-align: center;
	
}

#incluir_respuesta_pregunta{
	text-align: center;
	
}


#botonesModificar{
	text-align: center;
	
}	

		
		div#home[role="main"] ul#tiles-panel {
			margin: 25px auto;
			width: 100%;
		}
				
		div#juegos ul#tiles-panel li {
			display: inline-block;
			list-style: none outside none;
			margin: 0 8px 8px 0;
			vertical-align: top;
		}
		
		.tile {
			-moz-box-sizing: border-box;
			background: none repeat scroll 0 0 #F0F1F4;
			border-bottom: 3px solid #428BCA;
			display: inline-block;
			height: 176px;
			text-decoration: none;
			vertical-align: top;
			width: 176px;
		}
		
		.tile h1 {
			color: #253340;
			display: block;
			font-family: "Segoe UI",Segoe,"Trebuchet MS",Tahoma,Geneva,sans-serif;
			font-size: 20px;
			font-weight: 500;
			line-height: 148%;
			margin: 0;
			padding: 10px;
			text-decoration: none;
			white-space: nowrap;
			text-overflow : ellipsis;
			overflow : hidden;
			text-align : center;
		}
		
		.tile img {
			left: 50%;
			margin: 5px 0 10px -25px;
			position: relative;
		}
		
		.tile p {
			color: #6A747E;
			font-family: "Segoe UI",Segoe,"Trebuchet MS",Tahoma,Geneva,sans-serif;
			font-size: 13px;
			font-weight: 500;
			line-height: 148%;
			margin: 0;
			padding: 0 10px;
			text-align: center;
		}


	/*Main*/
	@media only screen and (max-width: 480px) {
		
		div#juegos   ul#tiles-panel  li {
			display: block;
			position : relative;        
	    }
		
	    /*Tiles*/
	    ul {
	        padding : 0;   
	    }
	    
	    .tile {
	        width : 100%;
	        height : 55px;    
	        display : block;
			border-bottom : 0px;
			border-left: 3px solid #428BCA;
	    }
		
	    .tile  h1 {
	        padding : 0;    
	    }

	    .tile  h1, .tile p {
	        margin-left : 50px;    
	    }
		
	    .tile img {
	        position: absolute;
	        top : 5px;
	        left : 5px;
	        width : 45px;
			height : 45px;
	        margin : 0 1px; 
	    }
	}
	</style>
